@charset "utf-8";
@font-face {
	font-family: 'font1';
	src: url('../font/politicaregular.ttf');
}

@font-face {
	font-family: 'font2';
	src: url('../font/Oswald-Medium.ttf');
}

@font-face {
	font-family: 'font3';
	src: url('../font/akrobat-regular.ttf');
}

@font-face {
	font-family: 'font4';
	src: url('../font/Oswald-ExtraLight.ttf');
}

@font-face {
	font-family: 'font5';
	src: url('../font/AgencyFB.ttf');
}

/* CSS Document */

html {
	color: #333;
	background: #fff
}

* {
	transition: all 0.3s ease-in-out;
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ul,
li,
a,
strong,
span,
p,
dl,
dt,
dd,
input,
textarea {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
	font-family: "microsoft yahei";
	font-weight: normal;
	font-size: 14px;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;
}

a:focus {
	text-decoration: none !important;
}

fieldset,
img {
	border: 0
}

ol,
ul {
	list-style: none
}

.w-100 {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.w-1260 {
	width: 1260px;
	margin: 0 auto;
	overflow: hidden;
}

.w-1260-1 {
	width: 1260px;
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 55px;
}

.mt-60 {
	margin-top: 55px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-70 {
	margin-top: 60px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-120 {
	margin-top: 100px;
}

.t-align-c {
	text-align: center;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.padding0 {
	padding: 0px;
}

.padding3 {
	padding: 0 3px;
}

.padding8 {
	padding: 0 8px;
}

.padding-8 {
	padding-right: 3px;
	padding-left: 3px;
}

.padding-15 {
	padding: 0 -15px !important;
}

.padding3-sm {
	padding: 0 3px;
}

.padding-r-0 {
	padding-right: 0px;
}

.padding-5-xs {}

.padding15 {
	padding: 15px;
}

.padding0-sm15 {
	padding: 0px;
}

.padding15-8 {
	padding: 15;
}

.case-padding {
	padding: 5px;
}

#w-70 {
	margin: 0 auto;
	width: 70%;
	overflow: hidden;
}

#w-80 {
	margin: 0 auto;
	width: 80%;
	/* overflow: hidden; */
}

#w-90 {
	margin: 0 auto;
	width: 90%;
	/* overflow: hidden; */
}
#w-top{
	margin: 0 auto;
	width: 90%;
}

#w-1260 {
	margin: 0 auto;
	width: 1260px;
	overflow: hidden;
}

#w-1260-1 {
	margin: 0 auto;
	width: 1260px;
}

#w-1260 {
	margin: 0 auto;
	width: 1260px;
	overflow: hidden;
}

#w-1260-1 {
	margin: 0 auto;
	width: 1260px;
}

#pro-w {
	margin: 0 auto;
	width: 80%;
	overflow: hidden;
}

.p-img {
	width: 100%;
}

/*====================top====================*/
/*导航*/
.top-w {
	position: absolute;
	z-index: 100000;
	top: 25px;
	left: 0px;
	width: 100%;
	height: 135px;
}

.top-logo {
	margin-left: 2%;
	float: left;
	width: 21%;
}

.top-phone {
	float: right;
	width: 20%;
}

.top-menu {
	float: left;
	width: 53%;
	margin-left:2%;
	text-align: center;
}
/*导航*/
.yuyan{
	padding-top: 15px;
	text-align: right;
}
.yuyan a{
	display: inline-block;
	margin:0px 2px;
	padding:2px 25px;
	border: 1px solid #fff;
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.header-nav{
  position: relative;
  z-index: 0;
  padding:0px 20px;
}
.header-nav .nav-list{ width: 100%; margin:0 auto; text-align: center; margin-top: 18px;}
.header-nav .nav-list ul{text-align: center;}
.header-nav .nav-list>li{/* float:left; */padding:0px 0;position:relative; display: inline-block;border-radius: 8px;}
.header-nav .nav-list>li>a{padding:0 9px;font-size:16px;position:relative; z-index: 100; height: 40px; display: block; line-height: 40px; color: #fff;border-radius: 8px;}
.header-nav li.active>a,.header-nav .nav-list>li>a:hover{color:#fff;background-color:#fec500;}
.header-nav .nav-list>li:hover:after{content:'';position:absolute;width:100%;height:40px;background-color:#fc9e24;top:0px; left: 0px; z-index: 10;border-radius: 8px;}
.header-nav .nav-list>li:hover>a{color: #fff;}
.header-nav .nav-list>li:last-child>a:after{display:none;}
.header-nav .header-contact{margin-top:32px; no-repeat left center;padding-left:42px;}
.header-nav .header-contact>p{color:#444;font-size:14px;margin-bottom:0;line-height:18px;}
.header-nav .header-contact>.fr p:first-child{font-size:12px;color:#bbb;line-height: 12px;}
.top-icon{width:12px;height:12px;position:absolute;margin-left:-18px;vertical-align:middle;margin-top:6px;}
.icon-follow{background:url("img/top_icons2.png") no-repeat left center;}
.icon-global{background:url("img/top_icons3.png") no-repeat left center;}
.dropdown-menu{border-radius:0;margin-top:0;border-top-color:#ddd;min-width:auto;display:block;display: none\9;display: block\9\0;-webkit-transform:scale(1.2,0);transform:scale(1.2,0);opacity:0;-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .2s ease-out;-webkit-transition:-webkit-all .2s ease-out;transition:-webkit-all .2s ease-out;transition:all .2s ease-out;transition:all .2s ease-out,-webkit-all .2s ease-out;-webkit-box-shadow:0px 5px 8px rgba(102,102,102,0.35);box-shadow:0px 5px 8px rgba(102,102,102,0.35);padding:17px 26px;}
.dropdown-menu > li:not(:last-child){border-bottom:1px solid #d7d7d7;}
.dropdown-menu > li>a{padding:5px 0;font-size:14px;line-height:28px;}
.dropdown-menu > li>a:hover{color:#f19a41;background-color:transparent;}
.dropdown-active{display: block\9;-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1;}
/*横排*/

.chanpin_list_wrap{ -webkit-transition: all .2s ease-out;-webkit-transition: -webkit-all .2s ease-out;transition: -webkit-all .2s ease-out;transition: all .2s ease-out;transition: all .2s ease-out,-webkit-all .2s ease-out;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;position: absolute;z-index: 99;left: 0;right: 0; top:97px; background-color: #fff;padding-top:30px;padding-bottom:22px;}
.chanpin_list_wrap .chanpin_list{/* margin:0 15px; */text-align:center;}
.chanpin_list_wrap .chanpin_list h3{border-bottom:1px solid #ddd;padding-bottom:15px;color: #333;margin-top: 20px;margin-bottom: 10px;font-size:16px;font-weight:bold;}
.chanpin_list_wrap ul{padding-left:0;}
.chanpin_list_wrap ul li{line-height:24px;}
.chanpin_list_wrap ul li .pro_list_item a{color:#999;font-size:14px;margin:0 10px 14px;line-height:14px;display:inline-block;}
.chanpin_list_wrap ul li .pro_list_item a.active{color:#FF9900}
.chanpin_list_wrap li span{color:#3671CF;width:80px;border-right:1px solid #e4e4e4;line-height:14px;margin-right:15px;float:left;}
.chanpin_list_wrap li a{color:#777;}
.chanpin_list_wrap li a:hover{color:#01a175;}
.chanpin_list_wrap li span>a{color:inherit;}
.chanpin_list_wrap li span>a:hover{color:inherit;}
.chanpin_list_wrap .pro_list_item{overflow:hidden;}
.hide{display:none;}



/*====================手机站menu====================*/
.ph-menu {
	display: block;
	width: 100%;
	padding: 10px 0px;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.iphone {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

.iphone-tit {
	padding: 10px 0px;
	width: 100%;
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

.iphone__screen {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	width: 100%;
	/*height:100%;*/
	overflow: hidden;
}

.iphone__content {
	position: relative;
	width: 100%;
	height: 100%;
}

.nav {
	position: absolute;
	z-index: 100;
	opacity: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.nav--active .nav {
	opacity: 1;
	background-color: #333;
}

.nav__list {
	margin: 0;
	padding: 10px;
	padding-top: 30px;
}

.nav__item {
	margin: 0 auto;
	width: 90%;
	padding: 7px;
	list-style-type: none;
	text-align: left;
}

.nav__item:after {
	content: '';
	display: block;
	position: relative;
	bottom: -8px;
	width: 50%;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
}

.nav__link {
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	opacity: 1;
	-webkit-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

.nav__trigger {
	display: block;
	position: relative;
	z-index: 111111;
	position: fixed;
	top: 20px;
	right: 10px;
	padding: 10px;
	padding-bottom: 15px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 8px;
}

.nav--active .nav__trigger {
	opacity: 0.5;
}

.nav__icon {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 5px;
	background-color: #FFFFFF;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.nav__icon:before,
.nav__icon:after {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	position: absolute;
	background: #FFFFFF;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.nav__icon:before {
	margin-top: -10px;
}

.nav__icon:after {
	margin-top: 10px;
}


/*====================手机站menu2====================*/
.ph-menu2 {
	height: auto;
	padding: 5px;
	background-color: #2056ae;
	overflow: hidden;
}

.ph-menu2 li {
	float: left;
	width: 25%;
	height: auto;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.ph-menu2 li a {
	display: block;
	margin: 2px auto;
	padding: 6px 0px;
	width: 96%;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 5px;
}

/*====================手机站 end menu2====================*/

/* 样式一*/
.style-1 .nav {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
}

.style-1 .nav--active {
  height: 100%;
}

.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.style-1 .nav--active .nav__link {
  opacity: 1;
}

.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}

.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*====================end手机站menu====================*/
.hy-logo{
  margin-top: 0px;
}
/*====================top====================*/


.h-tfanwei {
	display: inline-block;
	padding-left: 10px;
}

.h-tfanwei p {
	font-size: 22px;
	color: #fff;
	line-height: 170%;
}

.h-tfanwei p strong {
	font-size: 35px;
	color: #fff000;
	font-weight: bold;
	letter-spacing: 4px;
}

.h-tphone {
	float: right;
	width: 20%;
}

.h-tphone .tua {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

.h-tphone .zia {
	display: block;
	font-size: 17px;
	color: #fff;
}

.h-tphone .zib {
	display: block;
	font-size: 30px;
	color: #fc0;
	font-weight: bold;
}

.h-search {
	float: right;
	width: 33%;
}

.h-form {
	margin-top: 20px;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

.h-input1 {
	float: left;
	width: 75%;
	height: 40px;
	font-size: 14px;
	color: #636363;
	padding-left: 15px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}

.h-input2 {
	float: right;
	width: 25%;
	height: 40px;
	background-color: #417aff;
	color: #fff;
	border: 1px solid #333;
}

/*====================middle====================*/
/*====================middle====================*/
.m1-tit {
	text-align: center;
}

.m1-tit h3 {
	display: inline-block;
	margin: 0 auto;
	padding: 20px;
	font-size: 45px;
	color: #333;
	font-weight: bold;
	text-align: center;
	
}

.m1-tit .zia {
	font-size: 45px;
	color: #e50014;
	font-weight: bold;
}
/*分类*/
.jg-proc-w {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 20px 0;
	background: url(/img/proc-bg.jpg);
}

.jg-proc {
	overflow: hidden;
	text-align: center;
}

.jg-proc li {
	position: relative;
	display: block;
	margin: 0.2%;
	float: left;
	width: 16.2%;
	height: 43px;
	border-radius: 20px;
	background-color: #2056ae;
	overflow: hidden;
}

.jg-proc li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15;
	width: 100%;
	height: 43px;
	line-height: 43px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.jg-proc li::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 10;
	width: 0%;
	height: 43px;
	background-color: #009b40;
	opacity: 0;
	transition: all 0.3s ease-out;

}

.jg-proc li:hover::after {
	left: 0px;
	opacity: 1;
	width: 100%;
}

.jg-proc a h3 {}

.jg-proc a:hover h3 {
	background-color: #f5b606;
	color: #333;
}

.jg-proc-active h3 {
	background-color: #f5b606 !important;
	color: #333 !important;
}

.part1-l{
	padding:25px 0px;
	height: 120px;
	float: left;
	width: 30%;
	background: -webkit-linear-gradient(left,#0c2352,#0937a1);
}
.part1-r{
	margin-left: 30%;
	background-color: #eeeeee;
	height: 120px;
	overflow: hidden;
}
.part-l-phone{
	padding-top: 15px;
	float: right;
	width: 55%;
}
.part-l-phone img{
	display: block;
	float: left;
	width: 15%;
	margin-right: 10px;
}
.part-l-phone p{
	margin-left: 15%;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}
.part1-r-con{
	padding:25px;
	width: 85%;
}
.part1-r-con .zx-phone{
	float: left;
	width: 63%;
}
.part1-r-con .zx-phone p{
	display: block;
	font-size: 18px;
	color: #3d3a3a;
}
.part1-r-con .zx-phone span{
	display: block;
	font-size: 26px;
	color: #e61815;
	font-weight: bold;
}


/*标题*/
.tit01 {
	padding-top: 6px;
	padding-bottom: 15px;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
}

.tit01 h2 {
	display: block;
	font-size: 35px;
	color: #2652bd;
	text-align: center;
	font-weight: bold;
}

.tit01 p {
	display: block;
	margin-top: 10px;
	position: relative;
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.tit01 span {
	display: block;
	margin-top: 8px;
	text-align: center;
	font-size: 14px;
	color: #999;
}
.tit01 .zia{
	font-size: 35px;
	color: #313131;
	font-weight: bold;
}
.tit02 {
	padding: 15px;
}

.tit02 h2 {
	display: inline-block;
	padding-bottom: 15px;
	font-size: 35px;
	color: #2652bd;
	font-weight: bold;
}

.tit02 p {
	display: inline-block;
	font-size: 17px;
	color: #666;
}

.tit02 a {
	display: inline-block;
	margin-top: 15px;
	float: right;
	padding: 8px 15px;
	background-color: #2652bd;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.tit02 .zia{
	font-size: 35px;
	color: #313131;
	font-weight: bold;
}
.tit02 .linea {
	margin-top: 15px;
	width: 100%;
	height: 1px;
	background-color: #efefef;
}



/*分类*/

.xm-proc-w {
	padding: 15px 0px;
	width: 100%;
	height: auto;
	background: url(/img/bga.jpg) top center;
}

.xm-proc {
	text-align: center;
}

.xm-proc li {
	display: inline-block;
	padding-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 15%;
	box-sizing: border-box;
	overflow: hidden;
}

.xm-proc li:hover {
	/* padding-top: 10px; */
	box-shadow: 0px 5px 5px 5px #efefef;
	background-color: #2652bd;
	border-radius: 15px;
}

.xm-proc li .tua {
	margin: 0 auto;
	width: 90%;
	border-radius: 10px;
	border: 1px solid #333;
	box-sizing: border-box;
	overflow: hidden;
}

.xm-proc li:hover .tua {
	width: 80%;
	border: 5px solid #fff;
	transform: rotateY(180deg);
}

.xm-proc li .tua img {
	width: 100%;
}

.xm-proc li h3 {
	display: block;
	margin-top: 5px;
	padding: 12px 0px;
	font-size: 18px;
	color: #2d2d2d;
	text-align: center;
	font-weight: bold;
}

.xm-proc li:hover h3 {
	color: #fff;
}

/*================荣誉=====================*/
.rongyu-bg{
	padding:40px 0px;
	background: url(/img/ry-bg.jpg);
	overflow: hidden;
}
.swiper-slide-rongyu {

	
}
.rongyutit h2{
	text-align: center;
	font-size: 50px;
	color: #f19a41;
	font-weight: bold;
}
#certify {
	position: relative;
	width: 88%;
	margin: 0 auto;
}

#certify .swiper-container {
	padding-bottom: 20px;
}

#certify .swiper-slide {
	width: 50%;
	height: 60%;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}

#certify .swiper-slide img {
	display: block;
	width: 100%;
}

#certify .swiper-slide p {
	line-height: 40px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 0;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/*产品列表*/
.pro-padd {

	padding: 8px;

	margin-bottom: 10px !important;
	
}
.pro-padd .jl-pro:hover {box-shadow:  0 20px 20px #ccc;}
.jl-pro {

	/* border-radius: 15px; */
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 5px 15px #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding-bottom: 10px;
}

.jl-pro .tua {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.jl-pro .tua img {
	width: 100%;

}

.jl-pro .more_left { float: left;    background: url(/img/view.png) no-repeat 0 0; padding-left: 25px; margin-left: 10px;}
.jl-pro .more_right{
width: 90px;
float: right;
height: 13px;
margin-top: 5px;
background: url(/img/xing.png) no-repeat 0 0;
background-position: 0 -87px; margin-right: 10px;
}
.jl-pro  .more {width: 100%; border-top:1px solid #efefef; margin-top: 10px; padding-top: 20px;}

.jl-pro h4 { font-size: 18px; line-height: 35px; padding-left: 5%; overflow: hidden; height: 35px;}
.jl-pro  p {font-size: 14px; color:#a8a8a8;padding-left: 5%;}

.pro-padd:hover .tua .bj  {background: rgb(0,0,0,0.8); }
.pro-padd:hover .tua .bj .a1 {left:10%}
.pro-padd:hover .tua .bj .a2 {right:10%}
.pro-padd .tua .bj {background: rgb(0,0,0,0); width: 100%; height: 100%; position: absolute;}
.pro-padd .tua .bj .a1 {
	display: block;
	width: 35%;
	height: 35px;
	line-height: 35px;
	background: #ffc000;
	color:#FFF;
	position: absolute;
	left:-100%;
	top:45%;
	text-align: center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	font-size: 15px;
}
.jl-pro .tua .bj .a2 {
	display: block;
	width: 35%;
	height: 35px;
	line-height: 35px;
	background:#003cb8;
	color:#FFF;
	position: absolute;
	right:-100%;
	top:45%;
	text-align: center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	font-size: 15px;
}

.jl-pro:hover .tua img { border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;
}

.jl-pro .tua .uptiao {
	position: absolute;
	top: -100%;
	left: -100%;
	width: 250%;
	height: 100px;
	background: rgba(255, 255, 255, 0.2);
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-moz-transform: rotate(-45deg);
	/* Firefox */
	-webkit-transform: rotate(-45deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(-45deg);
	/* Opera */
	transition: all 0.8s ease-in-out;

}

.jl-pro:hover .tua .uptiao {
	top: 100%;
	left: 0%;
}

.jl-pro .pro-tit {

}

.jl-pro:hover .pro-tit {
	background-color: #2056ae;
}

.jl-pro .pro-tit a h3 {
	display: block;
	font-size: 25px;
	color: #333;
	text-align: left;
	font-weight: bold;
}

.jl-pro .pro-tit .morea a {
	display: none;
	margin: 0 auto;
	margin-top: 10px;
	padding: 6px;
	width: 45%;
	background-color: #fff;
	font-size: 16px;
	color: #333;
	text-align: center;
}

.jl-pro .pro-tit p {
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 18px;
	color: #e61815;
	font-weight: bold;
}

.jl-pro:hover .pro-tit a h3,
.jl-pro:hover .pro-tit .morea a,
.jl-pro:hover .pro-tit p {
	color: #fff;
}


.pro-bg {
	padding: 50px 0px 30px 0px;
	/*background: url(/img/pro-bg.jpg);*/
	/* background-color: #fcfbfb; */
	overflow: hidden;
}

.jy-pro {
	margin-bottom: 15px;
	position: relative;
	border: 1px solid #666;
	background-color: #fff;
}

.jy-pro:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 0px;
	background-color: #1750a1;
	transition: all 0.3s ease-out;
}

.jy-pro:hover:before {
	height: 100%;
}

.jy-pro .tu {
	position: relative;
	z-index: 10;
	margin: 5px;
	height: auto;
	overflow: hidden;
}

.jy-pro .tu img {
	width: 100%;
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.jy-pro:hover .tu img {
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.jy-pro h3 {
	display: block;
	position: relative;
	z-index: 10;
	padding: 15px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	transition: all 0.3s ease-out;
}


.jy-pro .linea {
	display: block;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 50px;
	height: 2px;
	background-color: #666;
	transition: all 0.3s ease-out;
}

.jy-pro p {
	display: block;
	padding: 0px 15px;
	position: relative;
	z-index: 10;
	height: 40px;
	font-size: 14px;
	color: #666;
	line-height: 150%;
	text-align: center;
	overflow: hidden;
	transition: all 0.3s ease-out;
}

.jy-pro .more {
	display: block;
	position: relative;
	z-index: 10;
	margin: 15px auto;
	padding: 5px;
	width: 30%;
	background-color: #1750a1;
	text-align: center;
	font-size: 15px;
	color: #fff;
	transition: all 0.3s ease-out;
}

.jy-pro:hover .more {
	background-color: #ffd101;
	color: #333;
}


.jy-pro:hover h3,
.jy-pro:hover p {
	color: #fff;
}

.jy-pro:hover .linea {
	background-color: #fff;
}

/*end 产品列表*/


/*简介*/
.about-list {
	background-color: #2652bd;
	padding: 26px 0px 95px 0px;
	overflow: hidden;
}

.about-ys {
	text-align: center;
}

.about-ys li {
	display: inline-block;
	width: 24%;
	vertical-align: middle;
}

.about-ys li img {
	display: block;
	margin: 0 auto;
}

.about-ys li p {
	display: block;
	text-align: center;
	font-size: 26px;
	color: #fff;
}

.about-ys li span {
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.about-ys .linea {
	display: inline-block;
	height: 56px;
	width: 1px;
	background-color: #fff;
	vertical-align: middle;
}

.abotu-w {
	margin-top: -60px;
	background-color: #f0f0f0;
	padding: 54px 70px;
	overflow: hidden;
}

.about-tu {
	float: left;
	width: 610px;

	border: 8px solid #d2d2d2;
	box-sizing: border-box;
}

.about-tu img {
	width: 100%;
}

.about-cont {
	margin-left: 630px;
}

.about-cont .ab-tit {
	margin-bottom: 20px;
}

.about-cont .ab-tit h3 strong {
	display: block;
	font-size: 36px;
	color: #262626;
	font-weight: bold;
}

.about-cont .ab-tit p {
	margin-top: 10px;
	display: block;
	font-size: 26px;
	color: #262626;
}

.about-nr {
	width: 100%;
	height: 203px;
	overflow: hidden;
}

.about-nr p {
	font-size: 15px;
	color: #262626;
	line-height: 170%;
}

.about-more a {
	display: inline-block;
	margin-top: 15px;
	padding: 8px 30px;
	background-color: #ff1b0a;
	font-size: 15px;
	color: #fff;
	border-radius: 5px;
}

.about-pro {
	margin-top: 50px;
	text-align: center;
}

.about-pro li {
	display: inline-block;
	margin-right: 40px;
	float: left;
	padding-bottom: 13px;
	width: 48%;
	background-color: #fff;
	overflow: hidden;
}

.about-pro li:last-child {
	margin-right: 0px;
}

.about-pro li .left-nr {
	float: left;
	margin-left: 35px;
	width: 240px;
	text-align: left;
}

.about-pro li .left-nr .about-ptit {
	margin-top: 19px;
}

.about-pro li .left-nr .about-ptit p {
	font-size: 25px;
	color: #282828;
	font-weight: bold;
}

.about-pro li .left-nr .about-ptit span {
	display: block;
	margin-top: 12px;
	font-size: 15px;
	color: #282828;
}

.ab-protu {
	text-align: center;
	margin-top: 20px;
}

.ab-protu .pro-tu {
	display: inline-block;
	width: 32%;
}

.ab-protu .pro-tu img {
	display: block;
	margin: 0 auto;
}

.ab-protu .pro-tu p {
	display: block;
	text-align: center;
	font-size: 15px;
	color: #282828;
}

.about-pro li .right-nr {
	margin-left: 310px;
	margin-top: 19px;
	margin-right: 20px;
}

.about-pro li .right-nr img {
	width: 100%;
}

/*优势*/
.youshi-tit {
	margin-top: 30px;
	text-align: center;
}

.youshi-tit img {
	display: block;
	margin: 0 auto;
}

.youshi-pa {
	padding: 0px;
}

.youshi-lbg {
	height: 563px;
	background: url(/img/ys-bg1.jpg) top right no-repeat;
}

.youshi-rbg {
	height: 563px;
	background: url(/img/ys-bg2.jpg) top left no-repeat;
}

.youshi-list-jian {
	width: 100%;
	height: 46px;
}

.youshi-list {
	padding: 40px;
}

.youshi-list li {}

.youshi-list li .biaotia {
	padding-bottom: 23px;
	border-bottom: 1px solid #d2d2d2;
}

.youshi-list li .biaotia .numa {
	display: block;
	float: left;
	width: 61px;
	height: 61px;
	background-color: #2652bd;
	border-radius: 5px;
	font-size: 34px;
	color: #fff;
	line-height: 61px;
	text-align: center;
}

.youshi-list li .biaotia .bta {
	margin-left: 98px;
}

.youshi-list li .biaotia .bta p {
	display: block;
	font-size: 30px;
	color: #040404;
	font-weight: bold;
}

.youshi-list li .biaotia .bta p font {
	font-size: 30px;
	color: #2652bd;
	font-weight: bold;
}

.youshi-list li .biaotia .bta span {
	display: block;
	font-size: 14px;
	color: #aaa;
	text-transform: uppercase;
}

.youshi-list li .conta p {
	display: block;
	margin-top: 29px;
	font-size: 17px;
	color: #606060;
	line-height: 190%;
}


/*新闻*/
.h-news-l{
	padding-left: 25px;
}
.h-news-w{
	padding:15px 0px;
	background-color: #fafafa;
	overflow: hidden;
}
.h-news1{
	position: relative;
}
.h-news1 .tua img{
	width: 100%;
}
.h-news1 .tita{
	padding:15px 0px;
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 100%;
	background: rgba(38,82,189,0.8);
}
.h-news1 .tita h3{
	display: block;
	padding:3% 5%;
	font-size: 22px;
	color: #fff;
}
.h-news1 .tita p{
	display: block;
	margin-bottom: 15px;
	padding:0px 5%;
	font-size: 15px;
	color: #fff;
	line-height: 160%;
}
.h-news1 .tita img{
	margin-left: 5%;
}
.h-news1:hover .tita{
	padding:30px 0px;
}
.h-news2{
	border-bottom: 1px solid #999;
	overflow: hidden;
}
.h-news2 li{
	width: 100%;
	height: auto;
	padding-bottom: 28px;
	overflow: hidden;
}
.h-news2 li .tua{
	float: right;
	width: 186px;
	overflow: hidden;
}
.h-news2 li .tua img{
	width: 186px;
}
.h-news2 li:hover .tua img{
	  -webkit-transform: scale(1.1, 1.1); 
	     -moz-transform: scale(1.1, 1.1); 

}
.h-news2 li .cont{
	margin-right: 220px;
	margin-top: 10px;
}
.h-news2 li .cont h3{
	margin-bottom: 15px;
	margin-right: 86px;
	font-size: 19px;
	color: #363636;
	font-weight: bold;
}


.h-news2 li:hover .cont h3{
	color: #1a4ea2;
	padding-left: 15px;
}
.h-news2 li .cont p{
	display: block;
	height: 45px;
	font-size: 14px;
	color: #898989;
	line-height: 170%;
	overflow: hidden;
}
.h-news2 li .cont span{
	float: right;
	text-align: right;
	font-size: 12px;
	color: #898989;
	width: 90px;
}
.h-news2 li .cont .morea{
	margin-top: 8px;
}
.h-news2 li .cont .morea img{
	display: inline-block;
	width: 20px;
	vertical-align: middle;
}
.h-news2 li .cont .morea .zib{
	height: 22px;
	display: inline-block;
	margin-left: 15px;
	font-size: 14px;
	color: #666;
	vertical-align: middle;
}
.h-news3-tit{
	padding:20px 0px;
}
.h-news3-tit h2{
	display: inline-block;
	font-size: 23px;
	color: #1d170f;
	font-weight: bold;
	vertical-align: middle;
}
.h-news3-tit p{
	display: inline-block;
	margin-left: 10px;
	margin-top: 8px;
	font-size: 14px;
	color: #aeaab5;
	text-transform: uppercase;
	vertical-align: middle;
}

.h-news3{
	margin-top: 10px;
}
.h-news3 li:nth-child(2){
	margin-right: 0%;
}
.h-news3 li{
	float: left;
	margin-right: 4%;
	width: 48%;
}
.h-news3 li .tua{
	float: left;
	width: 38px;
}
.h-news3 li .conta{
	margin-left: 38px;
}
.h-news3 li .conta h3{
	display: block;
	font-size: 17px;
	color: #1e1e1e;
}
.h-news3 li:hover .conta h3{
	color: #1a4ea2;
}
.h-news3 li .conta p{
	display: block;
	margin-top: 15px;
	height: 45px;
	font-size: 14px;
	color: #989898;
	line-height: 170%;
	overflow: hidden;
}

/*品鉴*/
.swiper-container-pj {
	margin: 0 auto;
	width: 100%;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-container-pj .swiper-slide {
	text-align: center;
	font-size: 18px;
	color: #fff;
	/* background-color: #00347B; */
	/* height: calc((100% - 30px) / 2); */
	height: auto;


	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination-pj {
	padding: 15px 0px;
	width: 100%;
	text-align: center;
	position: relative;
}

.swiper-pagination-pj .swiper-pagination-bullet {
	background-color: #333;
	margin: 0px 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

.th-pj {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.th-pj .tua {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.th-pj .tua img {
	width: 100%;
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.th-pj:hover .tua img {
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

/*展会*/
.zhanhui {
	padding: 8px;
}

.zhanhui .tua {
	position: relative;
	width: 100%;
	border:2px solid #333;
	overflow: hidden;
}

.zhanhui .tua .zh-logo {
	position: absolute;
	z-index: 10;
	bottom: 50%;
	left: 50%;
	margin-bottom: -150px;
	margin-left: -150px;
	opacity: 0;
}

.zhanhui .tua .zh-logo img {
	width: 300%;
}

.zhanhui:hover .tua .zh-logo {
	opacity: 1;
	left: 0px;
	bottom: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.zhanhui:hover .tua .zh-logo img {
	width: 100px;
}

.zhanhui .tua img {
	width: 100%;
}

.zhanhui .tita {
	padding: 15px;
	background-color: #333;
}

.zhanhui .tita a h3 {
	display: block;
	padding: 10px 0px;
	font-size: 17px;
	color: #fff;
	text-align: center;
}

.zhanhui .tita p {
	display: block;
	padding: 0px 15px 15px 15px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}

.zhanhui:hover .tita {
	background-color: #009b40;
}

.zhanhui:hover .tita a h3,
.zhanhui:hover .tita p {
	color: #fff;
}

/*简介*/





/*应用*/
.project_area {
	overflow: hidden;
}

.project_item {
	margin-bottom: 20px;
	position: relative;

	&:before {
		content: "";
		background: rgba(255, 255, 255, .8);
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		opacity: 0;
		@include transition;
	}

	img {
		width: 100%;
	}

	.hover_text {
		position: absolute;
		left: 0px;
		width: 100%;
		text-align: center;
		bottom: 15px;
		@include transition;

		h4 {
			color: $dip;
			font-size: 24px;
			line-height: 30px;
			text-transform: uppercase;
			margin-bottom: 10px;
		}

		.cat {
			a {
				color: $dip;
				margin-right: 8px;
				font-size: 14px;
				font-family: $ral;
				position: relative;

				&:before {
					content: "/";
					position: absolute;
					right: -10px;
					top: 50%;
					transform: translateY(-50%);
				}

				&:last-child {
					margin-right: 0px;

					&:before {
						display: none;
					}
				}
			}
		}

		.main_btn {
			line-height: 0px;
			height: 0px;
			opacity: 0;
		}
	}

	&:hover {
		&:before {
			opacity: 1;
		}

		.hover_text {
			bottom: 35px;

			.main_btn {
				height: 100%;
				line-height: 48px;
				opacity: 1;
				margin-top: 22px;
			}
		}
	}
}

/**/
.main_btn {
	padding: 0px 40px;
	background: #009b40;
	z-index: 2;
	display: inline-block;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 48px;
	border: 1px solid #009b40;
	border-radius: 5px;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.main_btn:hover {
	color: #009b40;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.main_btn2 {
	display: inline-block;
	background: #f9f9ff;
	padding: 0px 45px;
	color: #000000;
	font-family: "Raleway", sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 48px;
	border-radius: 5px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: center;
	border: 1px solid #dddddd;
	cursor: pointer;
	-webkit-transition: color 0ms linear;
	-o-transition: color 0ms linear;
	transition: color 0ms linear;
}

.main_btn2:hover {
	background-image: -moz-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	background-image: -webkit-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	background-image: -ms-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
	box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
	color: #fff;
}

.submit_btn {
	width: auto;
	display: inline-block;
	background: #fe0000;
	padding: 0px 50px;
	color: #fff;
	font-family: "Raleway", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 50px;
	border-radius: 5px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.submit_btn:hover {
	color: #fff;
}

.white_btn {
	display: inline-block;
	background: #f9f9ff;
	padding: 0px 32px;
	color: #000000;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 50px;
	border-radius: 5px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
	-webkit-box-shadow: -14.142px 14.142px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: -14.142px 14.142px 20px 0px rgba(0, 0, 0, 0.1);
}

.white_btn:hover {
	color: #000000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.banner_btn {
	padding: 0px 38px;
	line-height: 48px;
	background: #fe0000;
	color: #fff;
	display: inline-block;
	border: 1px solid #fe0000;
	border-radius: 5px;
	font-size: 14px;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.banner_btn:hover {
	color: #fe0000;
	background: transparent;
}

.banner_btn2 {
	padding: 0px 36px;
	line-height: 48px;
	background: #f9f9ff;
	color: #000000;
	display: inline-block;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	font-size: 14px;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.banner_btn2:hover {
	color: #fff;
	background: #fe0000;
	border-color: #fe0000;
}

/*====================end middle====================*/
/*====================foot====================*/
.foot-w {
	padding-top: 58px;
	width: 100%;
	height: auto;
	background-color: #323232;
	overflow: hidden;
}

.foot-l {
	float: left;
	width: 30%;
	overflow: hidden;
}

.foot-l .lx-cont {
	margin-top: 30px;
	font-size: 15px;
	color: #b6b6b6;
	line-height: 170%;
}
.foot-l .lx-cont .zia{
	padding:8px 10px;
	background-color: #2652bd;
	color: #fff;
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	letter-spacing: 2px;
}

.foot-l .lx-cont p .foot-l .lx-cont p a,
.foot-l .lx-cont p strong {
	font-size: 15px;
	color: #b6b6b6;
	line-height: 170%;
}

.foot-one {
	float: left;
	margin-left: 5%;
	width: 25%;
}

.foot-twe {
	float: left;
	width: 20%;
}


.foot-tit h3 {
	display: block;
	margin: 15px 0px;
	font-size: 18px;
	color: #fff;
}

.foot-tit .linea {
	margin: 15px 0px;
	width: 25px;
	height: 3px;
	background-color: #e91b00;
}

.foot-proc {
	margin-top:40px;
}

.foot-proc a {
	float: left;
	display: inline-block;
	width: 48%;
	padding-bottom: 5px;
	font-size: 15px;
	color: #b6b6b6;
}

.foot-menu {}

.foot-menu a {
	float: left;
	display: inline-block;
	width: 50%;
	padding-bottom: 5px;
	font-size: 16px;
	color: #fff;
}
.foot-linea{
	float: left;
	margin:0px 2%;
	height: 295px;
	border-right:1px solid #4b4b4b;
}

.foot-ewm {
	float: left;
	width: 15%;
	text-align: center;
}

.foot-ewm img {
	display: block;
	margin: 0 auto;
}

.foot-ewm p {
	display: block;
	padding: 20px 0px;
	font-size: 15px;
	color: #b6b6b6;
	text-align: center;
}
.foot-lineb{
	display: block;
	width: 100%;
	height: 1px;
	
}

.f-bq {
	margin-top: 36px;
	padding:25px 0px 50px 0px;
	border-top:1px solid #474747;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #b6b6b6;
}
.f-bq-l{
	float: left;
	width: 100%;
}

.f-bq-l p strong,
.f-bq-l p,
.f-bq-l p a,
.f-bq-r p,
.f-bq-r p a,
.f-bq-r p strong{
	font-size: 14px;
	color: #fff;
	text-align: left;
}
.f-bq-r{
	float: right;
	width: 30%;
}
/*end foot*/
/*内页产品详情电话*/
.yan-phone{
  margin-top: 20px;
  border-top:1px solid #efefef;
  overflow: hidden;
}

.proshow1{
  overflow: hidden;
}
.proshow1 p{
  display: block;
  padding:5px;
  font-size: 17px;
  color: #2e2e2e;
  vertical-align: middle;
  line-height: 40px;
  border-bottom: 1px dashed #d2d2d2;
  overflow: hidden;
}
.proshow1 p img{
  display:inline-block;
  float: left;
  margin-right: 15px;
  vertical-align: middle;
}
.proshow1 a{
  display: block;
  margin-top: 15px;
  width: 206px;
  height: 47px;
  background-color: #434343;
  text-align: center;
  line-height: 47px;
  font-size: 17px;
  color: #fff;
  border-radius: 8px;
}
.proshow2{
  margin-top: 20px;
  overflow: hidden;
  text-align: center;
}
.proshow2 li{
  float: left;
  margin:0 5px;
  width: 140px;
  height: auto;
}
.proshow2 li img{
  display: block;
  margin:0 auto;
  margin-bottom: 10px;
}
.proshow2 li p{
  display: block;
  font-size: 17px;
  color: #434343;
  line-height: 170%;
  text-align: center;
}
.proshow2 li p strong{
  font-size: 17px;
  color: #434343;
  line-height: 170%;
  font-weight: bold;
}
.proshow2 a{
  display: block;
  margin-top: 15px;
  width: 206px;
  height: 47px;
  background-color: #434343;
  text-align: center;
  line-height: 47px;
  font-size: 17px;
  color: #fff;
  border-radius: 8px;
}
/*内页*/
.jt-ny-tit{
  position: relative;
  height: 480px;
}
.jt-ny-tit h2{
  position: absolute;
  bottom:0px;
  left:0px;
  width: 200px;
  height: 50px;
  background-color: #f60e0e;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 26px;
}

/*手机样式*/
  /*优势*/

/*返回顶部*/
.to-top { position: relative; z-index: 11111111111; display: none; padding: 5px 10px; color: #fff !important; background-color: #f50;}
.to-top:visited { color: #fff;}
/*end手机样式*/

/*====================PC====================*/
@media only screen and (max-width: 1560px) {
	#pro-w {
		width: 100%;
	}
	
	.h-logo img{width: 100%;}
	.top-phone img{width: 100%;}
	.top-logo{width: 25%;}
	.top-phone{width: 17%;}
	.header-nav .nav-list>li>a{padding:0px 3px;}

}

@media only screen and (max-width: 1400px){
	.top-phone img{width: 100%;}
	#w-90{width: 100%;}
	.header-nav .nav-list>li>a{font-size: 15px;}
	.h-logo{margin-left: 0px;}
	.top-logo{width: 30%;}
	.h-tphone{width: 22%;}
	.top-menu{margin-left: 1%; width: 48%;}


	.part1-l p{font-size: 20px;}
	.part1-r-con{width: 98%;}
	.h-search{height: 50px;}

	
}



@media only screen and (max-width: 1260px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  #w-top{width: 100%;}
  .padding0-sm15{padding:0px 15px;}
  .pc-menu-bg{width: 100%;}
  .pc-menu{width: 100%;}
  
  /*menu*/
  .header-nav .nav-list>li>a{padding:0 3px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}
	
  .jg-proc{text-align: center;}
  .jg-proc li{width: 19%; margin:5px 0.5%; display: inline-block;}
  .jg-proc li a{font-size: 20px;}

  .part1-l p{font-size: 20px;}
  .part1-r-con .zx-phone span{font-size: 20px;}


}

@media only screen and (max-width: 1200px){
	#w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  #w-top{width: 100%;}

  .about-tu{width: 48%;}
  .about-cont{width: 50%; margin-left: 0px; float: right;}
  .abotu-w{padding:15px;}
  .about-tu{height: auto;}
  .about-cont .ab-tit h3 strong{font-size: 26px; margin-top: 15px}
  .about-cont .ab-tit p{font-size: 20px;}
  .about-pro li{margin-right: 1%; float: none;}

  .foot-w{padding:60px 15px 20px 15px;}
  .foot-r .foot-logo img{width: 100%;}

}

@media only screen and (max-width: 1060px){

	.top-logo img{width: 100%;}
	.m1-tit h3,.m1-tit .zia{font-size: 23px;}
	
}

@media only screen and (max-width: 992px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  #w-top{width: 100%;}
  .padding0-sm15{padding:0px 15px;}
  .header-nav .nav-list>li{padding:7px 6px;}
  .pc-menu{width: 100%;}
  .pc-menu-bg{width: 100%;}
  .padding15-8{padding:8px;}
  .header-nav .nav-list>li>a{padding:0 3px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}

  .top-phone{width: 28%;}
  .tit01 h2,.tit01 .zia{font-size: 23px;}
  .tit01 p{font-size: 14px;}
  .jl-pro .pro-tit a h3{font-size: 18px;}
  .jl-pro .pro-tit p{font-size: 14px;}

  .about-pro li .left-nr .about-ptit p{font-size: 20px;}
  .about-pro li .left-nr{width: 43%; margin-left: 5%}
  .about-pro li .right-nr{width: 38%; float: right; margin-left: 0px;}
  .ab-protu .pro-tu img{width: 30px;}

  .youshi-tit img{width: 90%; display: block; margin:0 auto;}
  .h-news1 .tita h3{font-size: 20px;}
.h-news2 li .cont h3{margin:0px; font-size: 17px; padding:10px 0px;}
.h-news2 li .cont span{float: none; display: block; text-align: left;}
.h-news2 li .tua{width: 40%;}
.h-news2 li .cont{margin:0px; float: left; width: 58%;}
.h-news2{margin-top: 20px;}
.h-news3 li{width: 100%; margin-bottom: 15px;}



  .foot-w{padding:25px 15px;}
  .foot-one{width: 41%;}



  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
	
	/*标题*/
  .tit1 p{font-size: 15px;}
  .tit1 h2{font-size: 25px; letter-spacing: 3px;}

  .tit02 p{font-size: 14px;}
  .tit02 span{font-size: 10px;}

  


}



/*====================手机====================*/
@media only screen and (max-width: 768px){
  #w-1200{width:100%;}
  #w-1200-1{width:100%;}
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-70{width: 100%;}
  #w-80{width: 100%;}
  #w-90{width: 100%;}
  #pro-w{width: 100%;}
  #w-top{width: 100%;}
  .top-gg{padding:0px;}
  .top-l p, .top-l p a, .top-l a{font-size: 12px;}
  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
  .ny-r01{width: 100%; margin-left: 0px; padding:15px;}

.pro-padd{padding:3px;}

  
  .padding0-sm15{padding:15px;}
  .tit01 .zia{font-size: 26px;}
  .tit01 p{ padding:10px 15px; display: inline-block; font-size: 14px; letter-spacing: 0px; height: auto; margin-top: 0px;}
  .tit01 span{display: none;}
  .tit01{padding-bottom: 5px;}
  .tit01 h2{font-size: 26px; letter-spacing: 1px;}
  
  .jg-proc li{width: 48%; margin:5px 1%; display: inline-block;}
  .jg-proc li a{font-size: 18px;}

  .mini-logo img{width: 100%;}
  
 

  .swiper-pagination-pj .swiper-pagination-bullet{
  	width: 5px;height: 5px;
  }
  .case-w{height: auto;}

  .pro-bg{padding:15px 3px;}
  .part1-r{width: 100%; margin-left: 0px; height: 100px; display: none;}
  .h-search{display: none;}
  .part1-r-con .zx-phone{width: 100%; height: 100px;}
  .m1-tit h3,.m1-tit .zia{font-size: 20px; padding:10px;}
  .xm-proc li{width: 40%; padding-top: 8px;}
  .swiper-container-pj {height: 150px;}
  .part1-r-con .zx-phone span{font-size: 15px;}
  .jl-pro .pro-tit{padding:10px; margin-top: 8px;}

  .about-pro li{width: 100%; margin-bottom: 15px;}
  .about-tu{width: 100%;}
  .about-cont{width: 100%;}
  .about-pro li .left-nr .about-ptit p{font-size: 17px;}
  .about-ys li{width: 23%;}
  .about-ys li p{font-size: 15px;}
  .about-ys li img{width: 30px;}
  .about-ys li span{font-size: 10px;}
  .about-list{padding:10px 0px 50px 0px;}
  .about-ys{overflow: hidden;}

  .youshi-list{padding:15px;}
  .youshi-list li .biaotia .numa{width: 50px;height: 50px; line-height: 50px;font-size: 25px;}
  .youshi-list li .biaotia .bta p{font-size: 22px;}
  .youshi-list li .biaotia .bta p font{font-size: 22px;}
  .youshi-list li .biaotia .bta{margin-left: 65px;}
  .youshi-list li .biaotia .bta span{font-size: 10px;}
  .youshi-list li .conta p{margin-top: 15px;font-size: 14px;}
  .youshi-list-jian{height: 20px;}
  .youshi-lbg,.youshi-rbg{height: auto;}
  .ab-protu{display: none;}
  .f-bq-l p strong, .f-bq-l p, .f-bq-l p a, .f-bq-r p, .f-bq-r p a, .f-bq-r p strong{text-align: center;}

  .foot-l{width: 100%;}
  .foot-ewm{width: 100%;}
  .foot-l .lx-cont p{text-align: center;}
  .f-bq-l{width: 100%;}
  .f-bq-r{width: 100%;}
  .f-bq{margin-top: 0px;}
  .foot-l img{width: 100%;}

  

/*标题*/
.ny-tit01 h2{font-size: 26px;}
.ny-tit01 span{font-size: 14px; padding:0 15px;}
/*其它*/
.search-p{padding:0px 15px; width: 90%; text-align: center; margin:0 auto;}


 /*地图*/
 .b-map .close-btn{
  top:10%;
 }
 .map-ys{height: 300px; width: 90%;}

 
 
}
